<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<h3>工作经历</h3>
	<body>
		<div id="div1">
			<div id="div2">
				<hr >
				公司名称：
				<input type="text" name="" id="" value="" />
				职位：
				<input type="text" name="" id="" value="" />
				<a href="#"onclick="deletediv()">删除经历</a>
				<br><br>
				工作职责及工作内容描述：
				<textarea rows="8" cols="90">
				</textarea>
				<hr >
			</div>
		</div>
	
			<p align="right"><a href="#" onclick="adddiv()">添加经历</a></p>

			
	</body>
	<script type="text/javascript">
		function adddiv(){
			var div1obj=document.getElementById('div1');
			div1obj.innerHTML+=`
			<div id="div2">
				<hr>
					公司名称：
					<input type="text" name="" id="" value="" />
					职位：
					<input type="text" name="" id="" value="" />
					<a href="#"onclick="deletediv()">删除经历</a>
					<br><br>
					工作职责及工作内容描述：
					<textarea rows="8" cols="90">
					</textarea>
				<hr>
			</div>
			`
		}
		function deletediv(){
			var div1Obj = document.getElementById('div1');
			var div2Obj = document.getElementById('div2');
			div1Obj.removeChild(div2Obj)
		}
	</script>
</html>
